
.normal {
}
.content {
  height: 780px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title {
  width: 400px;
  font-size: 28px;
  margin-top: 30px;
  -webkit-text-fill-color: #333333;
}
.cutOff {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  background-color: #F3F5F7;
}
.line {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 332px;
  height: 80px;
  -webkit-text-fill-color: #dddddd;
}
.tips {
   font-size: 24px;
   -webkit-text-fill-color: #333333;
}
.bottom {
  height: 286px;
  width: 100%;
  display: flex;
}
.bottominfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  height: 132px;
  margin-left: 100px;
  margin-top: 66px;
}
.choosePic {
  height: 238px;
  background-color: white;
}
.picTab {
  overflow-x: scroll;
  height: 150px;
  display: flex;
  flex-direction: row;
  margin-left: 32px;
}
.chosenPic {
  height: 150px;
  width: 150px;
}
.picItem {
  position: relative;
  height: 150px;
  width: 150px;
  margin-right: 20px;
}
.condition {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editDoc {
  height: 98px;
  width: 100%;
  background-color: white;
}
.editTitle {
  height: 48px;
  padding-top: 50px;
  padding-left: 32px;
  font-size: 28px;
  color: #333333;  
}
.bottomTips {
 height: 124px;
 background-color: white;
 display: flex;
 flex-direction: row;
 padding-top: 20px;
}
.programPmPage {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}
.goodsBorder {
  height: 620px;
  width: 480px;
  margin-top: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  box-shadow: 0 4px 16px 0 rgba(223,223,223,0.30);
}
.goodsPicture {
  margin-top: 22px;
  height: 400px;
  width: 400px;
}
.showContent {
  height: 28px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 32px;
}
.contentPicture {
  margin-left: 40px;
  height: 28px;
  width: 28px;
}
.shareProgram {
  margin-bottom: 3px;
  margin-left: 6px;
  font-size: 24px;
  color: #888888;
}
.programAdWeixin {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  height: 132px;
  margin-left: 160px;
  margin-top: 66px;
}
.bottomShareIcon {
  width: 72px;
  height: 72px;
}
.bottomButtonText {
  font-size: 20px;
  color: #333333;
  margin-top: 24px;
}
.chooseTabbar {
  height: 88px;
  width: 100%;
  display: flex; 
  flex-direction: row;
  align-items: center;
}
.choosePicture {
  margin-left: 32px;
  width: 428px;
  font-size: 28px;
  color: #333333;
}
.chosenPicture {
  margin-left: 106px;
  font-size: 24px;
  color: #888888;
}
.getChosenPic {
  height: 32px;
  width: 32px;
}
.shareTipsBottom {
  height: 54px;
  background-color: white;
  padding-top: 11px;
  font-size: 24px;
  color: #888888;
  padding-left: 30px;
}
.copyText {
  height: 40px;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-left: 30px;
  align-items: center;
}
.copyPicture {
  height: 23px;
  width: 23px;
}
.copyTipsText{
  margin-left: 14px;
  height: 40px;
  font-size: 24px;
  color: #FD5527;
}
.picAdBottom {
  height: 286px;
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: row;
  padding-top: 66px;
}
.picAdWeixin {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  height: 132px;
  margin-left: 254px;
}
.picAdfriend {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  height: 132px;
  margin-left: 106px;
}
.topWhiteGap {
  height:10px;
  background-color:white;
}
